window.onload=function(){
    // 获取用户资料
    if(localStorage.token !=undefined){
        $(".user").css("display","inline-block");
        $(".not_login").css("display","none");
        $(".userName").html(localStorage.jiudianName);
        var avatar= $('.userHead');
        $('.userHead')[0].src = url_file+localStorage.avatar;
        $(".logout").onclick=function(){
            localStorage.removeItem("token");
        }
        // 获取用户修改后的头像
        // 图片填充(接口返回的图片地址需要前加上服务器地址，如果图片带有http则不需要拼接。)
        // 判断图片地址是否含有http
        // if (avatar.indexOf('http') === -1) {
        //     // indexOf用于判断字符串是否还有指定字段，如果没有则返回-1
        //     document.getElementsByClassName('userHead')[0].src = 'http://localhost:8080/'+ avatar;
        //  } else {
        //     document.getElementsByClassName('userHead')[0].src = avatar;
        //  }        
    }else{
        document.querySelector(".not_login").style.display="inline-block";
        document.querySelector(".user").style.display="none";
    };    
    // saveMsg();    
}


// 头像预览
const inputFile = document.getElementById("userAvatar") 
var previewImg = document.getElementById('preview');
var fileImg = document.querySelector('.userAvatar'); 
var Readder1="";
inputFile.onchange = function () {
    var file = this.files[0];    
    // 获取文件读取对象
    var reader = new FileReader();
    // 文件读取完后的展示图片
    reader.addEventListener('load', function () {
        if(file.size>3*1024*1024){
            alert("上传图片大小不得超过3M");
        }else{
            previewImg.src = reader.result;
            Readder1=file;            
            // dataURItoBlob(Readder1);
            console.log(Readder1);
        }
    }, false);
    reader.readAsDataURL(file);
}

// BASE 64
// var user_avatar="";
// inputFile.onchange = function () {
//     var file = this.files[0] // 单个文件直接files[0]就可以取到，多个文件要做循环
//     if (!file) return // 清空inputFile内容时，不执行下面的代码
//     if (!/image\/\w+/.test(file.type)) return console.log('只支持png，jpg等图片格式') // 判断是否为图片文件,否就跳出function
//     if (file.type === 'image/svg+xml') return console.log('不支持上传svg图片') // 或是根据需求判断某种格式图片文件，否就跳出function
//     if (file.size > 5242880) return console.log('只支持上传5m以下大小的图片') // 判断上传图片大小，否就跳出function
//     const fileReader = new FileReader() // 创建FileReader对象
//     fileReader.readAsDataURL(file) // 开始读取指定的file中的内容。一旦完成，result属性中将包含一个data: URL格式的字符串以表示所读取文件的内容。
//     fileReader.onload = function (e) { // 当读取完成
//         // console.log("图片base64"+e.currentTarget.result) // 即为input选取的图片文件转化的base64格式字符串
//         $("#preview").attr('src',e.currentTarget.result);
//         user_avatar=e.currentTarget.result;
//         console.log(fileReader.result);
//     }
//     console.log(1);
// }
// 上传头像
$(".uploading").click( function () {
    var token = localStorage.token;
    var abc=new FormData();
    let img = $("#userAvatar").get(0).files[0];
    abc.append('token',token);
    abc.append('type',"avatar");
    abc.append('img',img);
    $.ajax(url+"v1/upload/picture",{
        method:'POST',   
        data:abc,
        processData: false,
        contentType: false,
        xhrFields:{
            withCredentials: true // 允许跨域名储存和访问cookie
        }
    })
    .done(function (data) {
        console.log( data );
        if(data.code=="success"){
            alert("图片上传成功");
            localStorage.avatar=data.data.picturePath;//将用户头像保存到本地
            console.log(localStorage.avatar);
        }else{
            alert(data.message);
        }
    })
})


// 修改个人信息
$("#submit").click(function(){
    let userName=$("#userName").val();
    // console.log(userName);
    // var formData = new FormData();
    // formData.append("token",localStorage.token);
    // formData.append("avatarPath",localStorage.avatar);
    // formData.append("name",userName);
    $.ajax({
        url: url+"v1/account/detail/change",
        method: 'POST',
        dataType:"json",
        // data: formData,
        data:{
            token:localStorage.token,
            avatarPath:localStorage.avatar,
            name:userName
        },
        xhrFields: {
            withCredentials: true // 允许跨域名储存和访问cookie
        }
    }).done(function(data) {
        console.log(data.code);
        if(data.code=="success"){
            alert("上传成功");
            localStorage.jiudianName=userName;
        }
    })
})

// 扫描二维码
$("#weChat").click(function(){
    $(".mask").css("height",$(document).height());     
    $(".mask").css("width",$(document).width());     
    $(".mask").show(); 
    $(".scanMe").attr("src",url+"v1/account/wei/bind?token="+localStorage.token);
})
$(".mask").click(function(){
    $(".mask").hide(); 
})